import React from "react";
import WeUI from 'react-weui'

const {
    Tab,
    TabBody,
    Cells,
    Cell,
    CellHeader,
    CellBody,
    CellFooter,
    Badge
} = WeUI
import IconUser from './assets/img/user.png'

const User = () => {
    // 页面，组件化思维
    console.log(this,'+++++') // underfined 因为经过babel编译后，会开启严格模式
    return (
        <Tab>
            <TabBody>
                <div>
                    <Cells style={{marginTop: '0px'}}>
                        <Cell>
                        {/* react 行内样式 {驼峰式} */}
                        <CellHeader style={{position: 'relative', marginRight: '10px'}}>
                            <img src={IconUser} style={{width: '50px', display:'block'}} />
                        </CellHeader>
                        <CellBody>
                            <p style={{fontsize: '15px', color: '#888888'}}>光头强</p>
                            <p style={{fontsize: '13px', color: '#888888'}}>新能源汽车</p>
                        </CellBody>
                        </Cell>
                        <Cell access>
                            <CellBody style={{color: 'black'}}>
                                订单 
                            <Badge preset="body">8</Badge>
                            </CellBody>
                            <CellFooter />
                        </Cell>
                        <Cell access>
                            <CellBody style={{color: 'black'}}>
                                发出的申请 
                            <Badge preset="body">8</Badge>
                            </CellBody>
                            <CellFooter />
                        </Cell>
                        <Cell access>
                            <CellBody style={{color: 'black'}}>
                                收到的申请 
                            <Badge preset="body">8</Badge>
                            </CellBody>
                            <CellFooter />
                        </Cell>
                        <Cell access>
                            <CellBody style={{color: 'black'}}>
                                收藏
                            
                            </CellBody>
                            <CellFooter />
                        </Cell>
                        <Cell access>
                            <CellBody style={{color: 'black'}}>
                                地址
                            
                            </CellBody>
                            <CellFooter />
                        </Cell>
                    </Cells>
                </div>
            </TabBody>
        </Tab>
        
    )
}

export default User